<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<h2>漂移广告</h2>
<!--<div style="background-color: blueviolet;width: 100px; height: 100px;position: absolute; left: 10px" id="m1"></div>-->
<div id="m1" style="background-color: bisque;width: 100px; height: 100px; position: absolute; left: 10px"></div>

<script>
//    var x=10,y=10;
//    window.setInterval(function () {
//        var div=document.getElementById("m1");
//        div.style.left = div.offsetLeft + x + "px";
//        if(div.offsetLeft>document.body.clientWidth-div.clientWidth){
//            x=-10;
//            div.style.left=div.offsetLeft+x;
//        }
//        else if(div.offsetLeft<=10){
//            x=10;
//            div.style.left=div.offsetLeft+x;
//        }
//    },"100");
    var x=15,y=15;
    window.setInterval(function(){
        var div=document.getElementById("m1");
        div.style.left=div.offsetLeft+x+"px";
        if(div.offsetLeft>document.body.clientWidth-div.clientWidth){
            x=-10;
        }
    })
</script>
</body>
</html>